<template>
    <div class="cricle-nav">
        <Tabs value="name1" :animated="false" >
            <TabPane label="排行">
                <cricle-rankings></cricle-rankings>
            </TabPane>
        </Tabs>
    </div>
</template>

<script>
    import CricleRankings from '../../components/Circle/CricleRankings'
    export default {
        name: "CricleNav",
        components: {
            CricleRankings
        },
    }
</script>

<style  lang="less">
    .cricle-nav{
        margin-top: 20px;
        .ivu-icon-ios-arrow-forward:before {
            /*display: none;*/
        }
        .ivu-icon-ios-arrow-back:before {
           /*display: none;*/
        }
        .ivu-tabs-nav .ivu-tabs-tab{
            /*padding: 8px 15px;*/
            /*margin-right: 6px;*/
        }
        .ivu-tabs-tabpane{
            display: block !important;
        }
    }
</style>